/* REST */

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0
}

ul,
li {
    list-style: none;
}

html,
body {
    font-family: '微软雅黑';
    box-sizing: border-box;
}

@top_bg: #242424; // 顶部背景
@top_nav_bg: #515151; // 顶部导航背景
@foot_bg: #2c2c2c; // 底部背景
@font_c_w: #e2e2e2; //浅色字体颜色
@font_c_b: #595959; //深色字体颜色
@font_c_o: #ffab26; //橙色
@w: 1200px; //内容宽度
@a: #aaaaaa;
@b: #b5f6b9;
@c: #abe2f8;
#content{
    padding-top:170px; 
}
.header,
.nav {
    width: 100%;
    z-index: 99;
}

.header {
    height: 125px;
    background-color: @top_bg ;
    position: fixed;
    top: 0;
    left: 0;
}

.nav {
    height: 45px;
    background-color: @top_nav_bg;
    position: fixed;
    top: 125px;
    left: 0;
}

.header header {
    width: @w;
    margin: 0 auto;
    height: 125px;
}

.nav nav {
    width: @w;
    margin: 0 auto;
    height: 45px;
}

.main {
    width: 100%;
    height: auto;
    .banner {
        min-height: 200px;
         
    }
    .content {
        min-height: 400px;
         
        width: @w;
        margin: 0 auto;
    }
}

.footer {
    width: 100%;
    min-height: 200px;
    background-color: @foot_bg;
}

.header {
    header {
        .logo {
            float: left;
            width: 256px;
            height: 50px;
            margin-top: (125-50)/2px;
            img {
                width: 100%;
                height: 100%;
            }
        }
        .right {
            float: right;
            overflow: hidden;
            text-align: right;
            margin-top: (125-67)/2px;
            li {
                display: inline-block;
                width: 108px;
                font-size: 16px;
                text-align: center;
                color: @font_c_w;
                cursor: pointer;
            }
        }
    }
}

.nav {
    nav {
        .left {
            float: left;
            li {
                float: left;
                font-size: 18px;
                width: 106px;
                height: 45px;
                color: @font_c_w;
                text-align: center;
                cursor: pointer;
                span {
                    display: inline-block;
                    width: 100%;
                    border-right: 2px solid #aaa;
                    margin-top: (45-24)/2px;
                }

            }
            .active {
                background-color: #a8a8a8;
                span {
                    border-right: 2px solid transparent;
                }
            }
        }
        .right {
            float: right;
            li {
                float: left;
                width: 83px;
                height: 33px;
                cursor: pointer;
                line-height: 33px;
                background-color: @font_c_o;
                border-radius: 16.5px;
                text-align: center;
                color: #fff;
                font-size: 20px;
                margin-top: (45-33)/2px;
                margin-left: 13px;
            }
        }
    }
}

